<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ include file="/common/taglibs-wml.jsp"%>
<%@ include file="/wap/resource/mh/common/position.jsp"%>
<%
request.setAttribute("userId", session.getAttribute("aaaUserId"));
request.setAttribute("mobile", session.getAttribute("mobile"));
%>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/projection_room.css">
    <title>咪咕王牌放映室</title>
</head>
<body>
    <div class="bg">
    <div class="main">
        <div class="red_border">
            <img src="img/projection_red_border.png" alt="">
        </div>
        <div class="title">
            <img src="img/projection_title.png" alt="">
        </div>
        <p class="videoName">今日播放：<span>《明月几时有》</span></p>
        <video controls x5-video-player-type="h5" webkit-playsinline playsinline width="100%" src=""></video>
        <div class="openApp">
            <p>打开咪咕视频，观看更清晰更流畅</p>
        </div>
        <div class="collection">
            <!-- <div class="collection_left">
                <img src="img/free_collection.png" alt="">
            </div>
            <div  class="gaoqing">
                <img src="img/free_gaoqing.png" alt="">
                <p>标清</p>
            </div> -->
            <div style="height: 10px;width: 100%;"></div>
            <div class="more">
                <p class = "jianjie_con"></p>              
                <img src="img/free_downmenu.png" alt="" class="free_downmenu">
            </div>
            
        </div>

        <div class="tj1">
                    <img src="img/projection_act.png">
        </div>  
        <div class="ad">
            <div class='swiper-container adwrap'>
              <ul class = 'swiper-wrapper'>
                <li class = 'swiper-slide'><img src="img/free_ad.png" alt=""></li>
              </ul>
              <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="recommend">
            <!-- <p>精彩推荐</p> -->
            <div class="tj">
                <img src="img/projection_tuijian.png">          
            </div>          
            <div class="tuijian">
                <ul>
                    <li>
                        <div class="tuijian_img">
                            <img class="tuijian_video" src="img/free_video.png" alt="">
                            <img class="tuijian_seebyapp" src="img/free_seebyapp.png" alt="">
                            <img class="tuijian_bgmark" src="img/free_bgmark.png" alt="">
                            
                        </div>
                        <div class="tuijian_con">
                            <p class="tuijian_name">蜘蛛侠：英雄归来</p>
                            <p class="tuijian_name2">表弟希望谋反</p>
                        </div>
                    </li>
                    <li>
                        <div class="tuijian_img">
                            <img class="tuijian_video" src="img/free_video.png" alt="">
                            <img class="tuijian_seebyapp" src="img/free_seebyapp.png" alt="">
                            <img class="tuijian_bgmark" src="img/free_bgmark.png" alt="">
                            
                        </div>
                        <div class="tuijian_con">
                            <p class="tuijian_name">蜘蛛侠：英雄归来</p>
                            <p class="tuijian_name2">表弟希望谋反</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="downapp">
                <img src="img/projection_ad.png" alt="">
            </div>
        </div>
    </div>
 </div>
</body>
<script type="text/javascript" src="js/jquery-3.1.1.js"></script>
<script src="js/swiper.js"></script>
<script type="text/javascript" src="js/TGJSBridge.js"></script>
<script type="text/javascript" src="js/gmccapp.js"></script>
<script src="js/plugin/myPlugin.js"></script>
<script type="text/javascript" src="js/projection.js"></script>
<script>
    //声明_czc对象:
    var _czc = _czc || [];
    //绑定siteid，请用您的siteid替换下方"XXXXXXXX"部分
    _czc.push(["_setAccount", "1274258513"]);
</script>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1274258513'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1274258513%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
<script>
    window.onload = function(){
        _czc.push(['_trackEvent', '广东掌厅每日限免', '页面刷新']);
    }

    $(".openApp").click(function(){
        _czc.push(['_trackEvent', '广东掌厅每日限免', '播放器打开app']);
    })
    $(".collection_left").click(function(){
        _czc.push(['_trackEvent', '广东掌厅每日限免', '页面收藏']);
    })
    $(".gaoqing").click(function(){
        _czc.push(['_trackEvent', '广东掌厅每日限免', '清晰度切换']);
    })
    $(".todayshow_right").click(function(){
        _czc.push(['_trackEvent', '广东掌厅每日限免', '提前看']);
    })
    $(".ad").click(function(){
        _czc.push(['_trackEvent', '广东掌厅每日限免', 'banner营销位']);
    })
    $(".downapp img").click(function(){
        _czc.push(['_trackEvent', '广东掌厅每日限免', '下载客户端浮层']);
    })
    $(".tuijian li").click(function(){
        _czc.push(['_trackEvent', '广东掌厅每日限免', '热门推荐']);
    })
</script>
</html>